var tamOriginal = window.innerWidth;
var form;

window.addEventListener('load', init, false);
window.onresize = ajustarTexto;

function init() {
    ajustarTexto();
    asignar();
    

}

function asignar() {
    form = document.getElementsByTagName("form")[0];
    form.onsubmit = function() {
        validate();
        return false;
    }
}

function validate() {
    var contador = 0;
    var par = document.getElementsByTagName("p");

    if (form.user.value == ""){
        contador ++;
        if(!tieneHijo(par[1])) {
            crear(1, "Introduce tu nombre");
        }else{
            $(".posicion1").fadeIn();
            return false;
        }
    }

    form.user.onkeyup = function() {
        if (!vacio(form.user)) {
            $(".posicion1").fadeOut();
            return false;
        }
        
    }
    
    if (form.password.value == "") {
        contador++;
        if(!tieneHijo(par[3])){
            crear(3, "Introduce tu contraseña");
        }else{
            $(".posicion3").fadeIn();
            return false;
        }
    }
    
    form.password.onkeyup = function() {
        if (!vacio(form.password)) {
            $(".posicion3").fadeOut();
            return false;
        }
    }

    if (!contador > 0) {
        var datosFormulario = {
            user : form.user.value,
            password : form.password.value
        }
        ejecutarAjax_registro("../php/validarUsuario.php", validacionOk, datosFormulario);
    }
    
    function crear(posicion, msg) {
        var p = par[posicion];
        var span = document.createElement("span");
        var elemento = document.createTextNode(msg);
        span.appendChild(elemento);
        span.className = "aviso posicion" + posicion;
        p.appendChild(span);
    }
}

function validacionOk(JsonObject) {
    var datos = JSON.parse(JsonObject);
    var validado = datos[0];

    if (validado) {
        alert("Login correcto");
        window.location = "./proyecto.html";
    } else {
        var msg = "Atención:\n";
        for (var i = 1; i < datos.length; i++) {
            if (datos[i] != null) {
                msg += datos[i] + '\n';
            }
            
        }

        if(datos.length == 1){
            msg += "Usuario o contraseña incorrecta."
        }
        new Messi('This is a message with Messi.', {title: 'Title'});
        alert(msg);
        //ha dado algun error, debe mostrarse un mensaje con los errores y volver al registro, a ver si se consigue que no se hayan borrado los datos
    }
}

function vacio(caja) {
    var respuesta = false;
    if (caja.value == "") {
        respuesta = true;
    }

}

function tieneHijo(parrafo) {
    var respuesta = false;
    if ($(parrafo).find("span").length) {

        respuesta = true;
    }
    return respuesta;

}

function ajustarTexto() {
    var tamActual = window.innerWidth;
    var proporcion = (tamActual / tamOriginal) * 100;
    //console.log(tamO);
    document.body.style.fontSize = proporcion + "%";
}

/*$(document).ready(function() {
 var contador = 0;
 $(".boton").click(function() {
 $(".error").remove();
 if ($(".nombre").val() == "") {
 $(".nombre").focus().after("<span class='error'><br>Ingrese su nombre</span>");
 contador++;
 return false;
 } else if ($(".contra").val() == "") {
 $(".contra").focus().after("<span class='error'><br>Ingrese su contraseña</span>");
 contador++;
 return false;
 }
 });
 $(".nombre, .contra").keyup(function() {
 if ($(this).val() != "") {
 $(".error").fadeOut();
 return false;
 }
 });

 if (contador == 0) {
 alert($(".nombre").get(0).value);
 var datosFormulario = {
 user : $(".nombre").get(0).value,
 password : $(".contra").get(0).value
 }

 ejecutarAjax_registro("../php/validarUsuario.php", validacionOk, datosFormulario);
 }
 });
 function validacionOk(JsonObject) {
 var datos = JSON.parse(JsonObject);
 var validado = datos[0];

 if (validado) {
 alert("Login correcto");
 window.location = "./proyecto.html";
 } else {
 var msg = "Atención:\n";
 for (var i = 1; i < datos.length; i++) {
 if (datos[i] != null) {
 msg += datos[i] + '\n';
 }
 }
 alert(msg);
 //ha dado algun error, debe mostrarse un mensaje con los errores y volver al registro, a ver si se consigue que no se hayan borrado los datos
 }
 }*/
